<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>{$siteRs.title}</title>
<meta name="keywords" content="{$siteRs.keyword}" />
<meta name="description" content="{$siteRs.description}" />
<link rel="shortcut icon" type="image/x-icon" href="{$siteRs.ico}" />
{include file="public/css" /}
<link rel="stylesheet" href="{:config('template.skin')}/css/animate.min.css">
</head>
<body>
{include file="public/head" /}
<!--banner 开始-->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <?php $banner = ad(5,$lang); ?>
        {foreach $banner as $key=>$adRs}
            <li data-target="#myCarousel" data-slide-to="{$key}" {eq name="key" value="0"}class="active"{/eq}></li>
        {/foreach}
    </ol>
    <div class="carousel-inner">
        {foreach $banner as $key=>$adRs}
            <div class="carousel-item pt-5 {eq name="key" value="0"}active{/eq}" style="background:url({$adRs.thumb}) center no-repeat;">
                <div class="col-md-12 mt-sm-5 pt-sm-5 text-center">
                    <div class="h2 text-white my-5 ellipsis line-2">{$adRs.title|raw}</div>
                    <div class="h5 text-white line-height-180 d-none d-sm-block">
                        {php}
                            foreach (explode(PHP_EOL,$adRs['description']) as $description){
                                echo $description.'<br>';
                            }
                        {/php}
                    </div>
                </div>
                <div class="col-md-12 mt-5 text-center d-none d-sm-block"><a href="{$adRs.linkurl}" class="btn btn-rounded btn-danger px-4 h6">&raquo; {:lang('v_view')} {:lang('v_detail')}</a></div>
            </div>
        {/foreach}
    </div>
    <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
<!--banner 结束-->
<!--产品 开始-->
<div class="container mt-4 mt-sm-5">
    <div class="row">
        <div class="col-md-12 h5 font-weight-bold text-center">{:lang('v_product')}</div>
        <div class="col-md-12 mb-3"><div class="divider"><i class="fa fa-chevron-down"></i></div></div>
    </div>
    <div class="row dream" data-animate="zoomIn,1s">
        <?php $pro_list = table_list('product', 0, '*', $lang, 8, 'product.sequence desc'); ?>
        {volist name="pro_list" id="proRs"}
            <a href="<?php the_view_url($proRs['id'],'product'); ?>" class="col-6 col-sm-3 mb-4 mb-sm-5">
                <div class="thumb-info thumb-info-centered-info rounded-0">
                    <div class="thumb-info-wrapper rounded-0 max-height-280">
                        <img src="{$proRs.thumb}" class="w-100 rounded-0" alt="{$proRs.title}" onerror="this.src='/skin/admin/img/nopic.png'">
                        <div class="thumb-info-title">
                            <div class="btn btn-rounded btn-danger h7 px-3 mt-2">{:lang('v_view')} {:lang('v_detail')} &raquo;</div>
                        </div>
                    </div>
                </div>
                <div class="w-100 mt-2 h5 text-center ellipsis line-1">{$proRs.title|raw}</div>
            </a>
        {/volist}
    </div>
</div>
<!--产品 结束-->
<!--关于我们 开始-->
<div class="container mt-3 mb-5">
    <h5 class="text-center font-weight-bold">{:lang('v_about')}</h5>
    <div class="row">
        <div class="col-md-12 mb-3"><div class="divider"><i class="fa fa-chevron-down"></i></div></div>
        <div class="col-md-5 text-right dream" data-animate="zoomIn,1.5s">
            <img src="{$about_img}" class="w-100 rounded">
        </div>
        <div class="col-md-7 h6 line-height-180 dream" data-animate="zoomIn,2s">
            {$aboutus|raw}
        </div>
    </div>
</div>
<!--关于我们 结束-->
<!--新闻 开始-->
<div class="container mt-5">
    <h5 class="mb-2 text-center font-weight-bold">{:lang('v_news')}</h5>
    <div class="row">
        <div class="col-md-12"><div class="divider"><i class="fa fa-chevron-down"></i></div></div>
    </div>
    <div class="row mt-4 dream" data-animate="fadeInUp,1s">
        <?php $news_list = table_list('news', 0, '*', $lang, 3, 'news.addtime desc'); ?>
        {volist name="news_list" id="newsRs"}
            <div class="col-md-4">
                <h5 class="ellipsis line-1"><a href="<?php the_view_url($newsRs['id'],'news'); ?>">{$newsRs.title|raw}</a></h5>
                <p class="ellipsis line-3 ml-0 text-muted">{$newsRs.description|raw}</p>
            </div>
        {/volist}
        <div class="col-md-12 mt-4 text-center"><a href="<?php the_list_url('news'); ?>" class="btn btn-rounded px-3 btn-danger h6">&raquo; {:lang('v_view')} {:lang('v_more')}</a></div>
    </div>
</div>
<!--新闻 结束-->
{include file="public/foot" /}
<script type="text/javascript" src="{:config('template.skin')}/js/animate.js"></script>
</body>
</html>